@CHARSET "UTF-8";

html,body{font-family: Garamond;}
#homeCanvas{position:fixed;top:0;left:0;z-index:-2; display:block;background:transparent;}
.bg{height:100%;width:100%;position:absolute;background: url('../imgs/nav_bg.png') 0 0 repeat;z-index:-2;bottom:0;left:0;}
#bg{position:fixed;top:0;left:0;z-index:-2;overflow:hidden;}
.home_logo {margin:12% 0 0 0;}
#loader{position:absolute;top:35%;text-align:center;width:100%;}
#status{display: block; padding:10px;}
.content-wrapper{text-align:center;}
/**/
.nav_home{display:inline-block;}
.nav_home {padding:20px 0;}
.nav_home .nav > li > a{padding:10px 10px; font-size:16px;}
.nav_home .nav > li > a:hover, .nav_home .nav > li > a:focus{
   
    background:transparent;
    color:white;
    color:#D43F3A;

}
.navbar-inverse, .container-fluid{
}
.logo {padding:20px 0;}

a {color:black;}
.navbar-nav >li >a{
    padding:5px 0;
}
.navbar-nav > li{
    margin:0 15px;
}
.navbar-brand{padding:11px 15px;}
.navbar-inverse .navbar-brand {
color: #c2c2c2;
}

.navbar-inverse .navbar-nav > li > a {color:#c2c2c2;font-size:15px;}
.navbar-inverse .navbar-nav > .active > a{background:transparent;} 
@media (min-width: 768px){
.navbar-nav {
padding-top: 12px;
}
.navbar-inverse{background:black url('../imgs/nav_bg.png') 0 0 repeat-x;
}

 .dl-horizontal dt{width:200px;}
 .dl-horizontal dd{margin-left:220px;}
}



@media (max-width:767px){
 .navbar-inverse{background:#4D1800 url('../imgs/nav_bg.png') 0 0 repeat-x;}
    
}
.nav   a:hover{
     color:#D43F3A;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.section-heading{text-align:left;}
.intro .intro-text , .menu .intro-text{ padding:40px;text-align:justify; background:url('../imgs/patten.png') repeat;} 
.menu .intro-text li {float:left;list-style:none;margin:2px;}
.menu .orderInfo li {float:none;list-style:inherit}

.contact .intro-text{ padding:0px;text-align:justify; background:beige;} 
.contact .contact_info{padding:20px;}


#myCard .modal-header{background:#A83035 url('../imgs/nav_bg.png') 0 0 repeat-x;color:white;}
#myCard .close{color:white;}
#myCard  .modal-backdrop {background: none;}
#myCard p{padding:0;margin:0;}
#myCard .listItem{border-bottom: 1px dotted gray;padding:10px 4px ;font-size:16px;}
#myCard .listItem:hover{background:#FAEBCC; -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor:pointer;
    }
#myCard .listItem .price{float:right;}
#myCard .listItem .subtitle{ font-size:12px;}
#myCard .listItem .description{font-size:14px;}
#myCard .modal-header{padding:13px;}
.main{padding:0;}
.btn-default{background-color:#B30000;border-color:#A50000;color:white;}
.btn-default:hover{background-color:white;color:black; -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

#fp-nav{z-index:1001;}

#canvas1 {position:fixed;bottom:0;z-index:-1; }

#canvas1 .f1> img {position: fixed;left:0;bottom:0;z-index:-2;}
#canvas1 .f2> img {position: fixed;left:60px;bottom:0;z-index:-1;}

#map_canvas{height:100%;}

.sidebar{overflow:inherit;}

.carousel-inner > .active{right:0;left:auto;}
.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:auto;right:0;opacity:0;z-index:2;}
.carousel .next {left:auto;right:0;opacity:1;z-index:1;}

.carousel-inner > .next.left, .carousel-inner > .prev.right{ right:0;left:auto;}
.carousel-control.right,.carousel-control.left{background-image: none;right:30px;}
.carousel-control .fa-chevron-circle-left, .carousel-control .fa-chevron-circle-right, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
    width: 30px;
height: 30px;
margin-top: -15px;
font-size: 50px;
}
.carousel-control .icon-prev, .carousel-control .icon-next,.carousel-control .fa-chevron-circle-left,.carousel-control .fa-chevron-circle-right,.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
    position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}

